<html>

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>申请加入机构</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" type="text/css" href="css/sm.css">
    <link rel="stylesheet" type="text/css" href="css/sm-extend.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/base.css">
    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_i3ztchhrqjx7p66r.css">
</head>

<body>
    <div class="page-group">
        <div class="page">
            <!--头部部分 !-->
            <header class="bar bar-nav">
                <a class="icon icon-left pull-left" href="homeActivity.html">返回</a>
                <h1 class="title">厦门机构</h1>
            </header>
            <div class="content apply-content">
                <!--机构的图片与要表达的文字!-->
                <div class="active-img"><img src="images/PeachBlossom-1080x435.png"></div>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在中国，由于儿童福利制度尚未完善，还有数以千万计需要救助的贫困儿童。每年也还有新的脆弱儿童因家庭变故而陷入困境。</p>
                <!--tab栏 !-->
                <div class="buttons-tab">
                    <a href="#member-tab" class="tab-link active button">成员</a>
                    <a href="#activity-tab" class="tab-link button">活动</a>
                    <a href="#photo-tab" class="tab-link button">照片</a>
                </div>
                <div class="tabs">
                    <div id="member-tab" class="tab active">
                        <!-- 列表页面 -->
                        <div class="memberBranch">
                            <div>
                                <img src="images/circle-2-160x156.png">
                                <p>会长</p>
                            </div>
                            <div>
                                <img src="images/circle-1-160x160.png">
                                <p>副会长</p>
                            </div>
                            <div>
                                <img src="images/circle-1-160x160.png">
                                <p>副会长</p>
                            </div>
                            <div>
                                <img src="images/circle-2-160x156.png">
                                <p>成员</p>
                            </div>
                            <div>
                                <img src="images/circle-1-160x160.png">
                                <p>成员</p>
                            </div>
                        </div>
                        <div class="memberBranch">
                            <div>
                                <img src="images/circle-2-160x156.png">
                                <p>会长</p>
                            </div>
                            <div>
                                <img src="images/circle-2-160x156.png">
                                <p>副会长</p>
                            </div>
                            <div>
                                <img src="images/circle-2-160x156.png">
                                <p>副会长</p>
                            </div>
                            <div>
                                <img src="images/circle-2-160x156.png">
                                <p>成员</p>
                            </div>
                            <div>
                                <img src="images/circle-2-160x156.png">
                                <p>成员</p>
                            </div>
                        </div>
                    </div>
                    <div id="activity-tab" class="tab">
                        <div class="list-block media-list">
                            <ul>
                                <li>
                                    <a href="#" class="item-link item-content">
                                        <img alt="" src="images/activity-1081x455.png">
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="list-block">
                            <ul>
                                <li class="item-content">
                                    <div class="item-media"><i class="icon icon-f7"></i></div>
                                    <div class="item-inner">
                                        <div class="item-title">稽山贫困山区曙光活动</div>
                                        <div class="item-after"><span>想去</span></div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div id="photo-tab" class="tab">
                        <img alt="" src="images/activity-1081x455.png">
                    </div>
                </div>
                <!-- 这里是申请加入的按钮 -->
                <div class="applyBtn">
                    <a href="dataFilling.html" class="button button-fill">申请加入</a>
                </div>
            </div>
        </div>
    </div>
    <script type='text/javascript' src='js/lib/zepto.js' charset='utf-8'></script>
    <script type='text/javascript' src='js/lib/sm.js' charset='utf-8'></script>
    <script type='text/javascript' src='js/lib/sm-extend.js' charset='utf-8'></script>
    <script type='text/javascript' src="js/applyOrg.js"></script>
</body>

</html>
